<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <title>众创数字资产综合运营管理平台</title>
    <link rel="stylesheet" href="layui/css/layui.css"/>
    <link rel="stylesheet" href="css/admin.css"/>
</head>
<body>
	<div class="container">
	    
	    <div class="layui-tab">
		  <ul class="layui-tab-title">
		    <li class="layui-this">热卖推荐</li>
		    <li>新品上线</li>
		  </ul>
		  <div class="layui-tab-content">
		    <div class="layui-tab-item layui-show">
		    	<!-- pc端内容 -->
		    	<div class="tar mt10">
					<button class="layui-btn layui-btn-normal layui-btn-small add">+添加</button>
					<button class="layui-btn layui-btn-danger layui-btn-small a4">删除</button>
				</div>
		    	<div class="table-list layui-form">
					<table class="layui-table" lay-skin="line">
					  <thead>
					    <tr>
					      <th width="30"><input type="checkbox" class="my-checkbox" ></th>
					      <th width="80">排序</th>
					      <th width="360">图片</th>
					      <th>商品名称</th>
					      <th>所属分类</th>
					      <th>库存</th>
					      <th>操作</th>
					    </tr> 
					  </thead>
					  <tbody>
					    <tr>
					      <td><input type="checkbox" class="my-checkbox" ></td>
					      <td>1</td>
					      <td><img src="img/6.jpg" width="300px" height="126px" alt=""></td>
					      <td>钻石陀飞轮</td>
					      <td>名牌手表</td>
					      <td>20</td>
					      <td><button class="layui-btn layui-btn-warm layui-btn-small add">编辑</button></td>
					    </tr>
					    <tr>
					      <td><input type="checkbox" class="my-checkbox" ></td>
					      <td>2</td>
					      <td><img src="img/7.jpg" width="300px" height="126px" alt=""></td>
					      <td>钻石陀飞轮</td>
					      <td>名牌手表</td>
					      <td>20</td>
					      <td><button class="layui-btn layui-btn-warm layui-btn-small add">编辑</button></td>
					    </tr>
					    <tr>
					      <td><input type="checkbox" class="my-checkbox" ></td>
					      <td>3</td>
					      <td><img src="img/7.jpg" width="300px" height="126px" alt=""></td>
					      <td>钻石陀飞轮</td>
					      <td>名牌手表</td>
					      <td>20</td>
					      <td><button class="layui-btn layui-btn-warm layui-btn-small add">编辑</button></td>
					    </tr>
					    <tr>
					      <td><input type="checkbox" class="my-checkbox" ></td>
					      <td>4</td>
					      <td><img src="img/7.jpg" width="300px" height="126px" alt=""></td>
					      <td>钻石陀飞轮</td>
					      <td>名牌手表</td>
					      <td>20</td>
					      <td><button class="layui-btn layui-btn-warm layui-btn-small add">编辑</button></td>
					    </tr>
					    <tr>
					      <td><input type="checkbox" class="my-checkbox" ></td>
					      <td>5</td>
					      <td><img src="img/7.jpg" width="300px" height="126px" alt=""></td>
					      <td>钻石陀飞轮</td>
					      <td>名牌手表</td>
					      <td>20</td>
					      <td><button class="layui-btn layui-btn-warm layui-btn-small add">编辑</button></td>
					    </tr>
					    <tr>
					      <td><input type="checkbox" class="my-checkbox" ></td>
					      <td>6</td>
					      <td><img src="img/7.jpg" width="300px" height="126px" alt=""></td>
					      <td>钻石陀飞轮</td>
					      <td>名牌手表</td>
					      <td>20</td>
					      <td><button class="layui-btn layui-btn-warm layui-btn-small add">编辑</button></td>
					    </tr>
					    <tr>
					      <td><input type="checkbox" class="my-checkbox" ></td>
					      <td>7</td>
					      <td><img src="img/7.jpg" width="300px" height="126px" alt=""></td>
					      <td>钻石陀飞轮</td>
					      <td>名牌手表</td>
					      <td>20</td>
					      <td><button class="layui-btn layui-btn-warm layui-btn-small add">编辑</button></td>
					    </tr>
					    <tr>
					      <td><input type="checkbox" class="my-checkbox" ></td>
					      <td>8</td>
					      <td><img src="img/7.jpg" width="300px" height="126px" alt=""></td>
					      <td>钻石陀飞轮</td>
					      <td>名牌手表</td>
					      <td>20</td>
					      <td><button class="layui-btn layui-btn-warm layui-btn-small add">编辑</button></td>
					    </tr>
					  </tbody>
					</table>   
				</div>
		    	<!-- pc端内容end -->
		    </div>
		    <div class="layui-tab-item">
		    	<!-- WAP端 -->
		    	<div class="tar mt10">
					<button class="layui-btn layui-btn-normal layui-btn-small add">+添加</button>
					<button class="layui-btn layui-btn-danger layui-btn-small a4">删除</button>
				</div>
		    	<div class="table-list layui-form">
					<table class="layui-table" lay-skin="line">
					  <thead>
					    <tr>
					      <th width="30"><input type="checkbox" class="my-checkbox" ></th>
					      <th width="80">排序</th>
					      <th width="360">图片</th>
					      <th>商品名称</th>
					      <th>所属分类</th>
					      <th>库存</th>
					      <th>操作</th>
					    </tr> 
					  </thead>
					  <tbody>
					    <tr>
					      <td><input type="checkbox" class="my-checkbox" ></td>
					      <td>1</td>
					      <td><img src="img/7.jpg" width="300px" height="126px" alt=""></td>
					      <td>钻石陀飞轮</td>
					      <td>名牌手表</td>
					      <td>20</td>
					      <td><button class="layui-btn layui-btn-warm layui-btn-small add">编辑</button></td>
					    </tr>
					    <tr>
					      <td><input type="checkbox" class="my-checkbox" ></td>
					      <td>2</td>
					      <td><img src="img/6.jpg" width="300px" height="126px" alt=""></td>
					      <td>钻石陀飞轮</td>
					      <td>名牌手表</td>
					      <td>20</td>
					      <td><button class="layui-btn layui-btn-warm layui-btn-small add">编辑</button></td>
					    </tr>
					    <tr>
					      <td><input type="checkbox" class="my-checkbox" ></td>
					      <td>3</td>
					      <td><img src="img/6.jpg" width="300px" height="126px" alt=""></td>
					      <td>钻石陀飞轮</td>
					      <td>名牌手表</td>
					      <td>20</td>
					      <td><button class="layui-btn layui-btn-warm layui-btn-small add">编辑</button></td>
					    </tr>
					  </tbody>
					</table>   
				</div>
		    	<!-- WAP端end -->
		    </div>
		  </div>
		</div>

		

		
	</div>
	<script type="text/javascript" src="layui/layui.js"></script>
    <script>
		layui.use(['jquery','form','layer','laypage','element'], function(){
			var $ = layui.jquery,
			    laydate = layui.laydate,
			    layer = layui.layer,
			    laypage = layui.laypage,
			    element = layui.element();

           

			// 发布商品
			$(document).on("click", ".add", function() {
			    layer.open({
			      type:2
			      ,area:['90%', '90%']
			      ,title:"添加热卖新品推荐"
				  ,content: '添加热卖新品推荐.html' 
				});
			});

			// 删除操作
		    $(document).on("click", ".a4", function() {
			    layer.open({
			      title:"删除操作"
				  ,content: '您确认要删除吗？'
				  ,btn: ['取消', '确认']
				  ,yes: function(index, layero){
				       layer.closeAll();
				  }
				  ,btn2: function(index, layero){
				      layer.msg('删除成功！',{time: 1000});
				  }
				});
			});
		   
			
		});
	</script>
</body>
</html>